<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div data-index='2' data-list-name='andu'></div>
    <script>
        var div = document.querySelector('div')
        //h5获取元素自定义属性
        //dataset是一个属性的集合
        console.log(div.dataset);
        console.log(div.dataset.index);//第一种获取对象属性的方法
        console.log(div.dataset['index']);//第二种获取对象属性的方法
        //如果属性中有多个链接的单词的话dataset后面就用驼峰命名法
        console.log(div.dataset.listName);
        console.log(div.dataset['listName']);
    </script>
</body>
</html>